<!-- CORPO -->
{literal}
	<style type="text/css">
	
	.web_dialog_overlay
	{
	   position: fixed;
	   top: 0;
	   right: 0;
	   bottom: 0;
	   left: 0;
	   height: 100%;
	   width: 100%;
	   margin: 0;
	   padding: 0;
	   background: #FFFFFF;
	   opacity: .15;
	   -moz-opacity: 0.85;
	   filter: alpha(opacity = 85);
	   z-index: 101;
	   display: none;
	}
	.web_dialog
	{
	   display: none;
	   position: fixed;
	   width: 380px;
	   height: 220px;
	   top: 50%;
	   left: 50%;
	   margin-left: -190px;
	   margin-top: -100px;
	   background-color: #E7E3E5;
	   padding: 0px;
	   z-index: 102;
	}
	
	.modalIndique {
		padding: 5px;
		width: 300px;
	}
	
	.modalIndique p {
		padding: 10px;
		color:#932758;
		font-size: 16px;
		
	}

	.modalIndique input[type="submit"] {
		float: right;
		margin-right: 30px;
		cursor: pointer;
	}
	
	</style>
{/literal}
<div class="bd">
	<!-- LOOP -->

	{if $MSG_INDIQUE_SUCESSO == 'S'}
		<br/><br/><div class="msgSucessoSite">A notícia foi indicada com sucesso.</div><br/>
	{/if}
	{if $MSG_INDIQUE_ERRO == 'S'}
		<br/><br/><div class="msgErroSite">Ocorreu um erro inesperado ao tentar enviar a sugestão de prêmio. Favor tentar novamente.</div><br/>
	{/if}
		
	{section loop=$arrNoticias name=cont}
		<div class="blog" id="noticias">
			<h1>{$arrNoticias[cont].titulo_noticia}</h1>
			<span>
				<img alt="{$arrNoticias[cont].titulo_noticia}" title="{$arrNoticias[cont].titulo_noticia}" width="460px" height="344px"
					src="uploads/noticia/{$arrNoticias[cont].img_noticia}">
			</span>
			<script type="text/javascript">$('#lightImgAlter').lightBox();</script>
			<p>
				{$arrNoticias[cont].desc_noticia}
			</p>
			<div>
				<a id="btnShowSimple" href="#" onclick="javascript:abrePopupIndique({$arrNoticias[cont].id_noticia});">INDIQUE PARA UM AMIGO</a>				
			</div>
			
			<div class="separaNews"> </div>
		</div>
	{sectionelse}
		<div>
			<h4>Nenhum registro encontrado.</h4>
		</div>
	{/section}
	<!-- FIM LOOP -->
</div>
<input type="hidden" name="telaCorrente" id="telaCorrente" value="{$telaCorrente}"/>

 
<div id="output"></div>
   
<div id="overlay" class="web_dialog_overlay"></div>
   
<div id="dialog" class="web_dialog">
	<div style="padding:5px;float: right "><img id="btnClose" src="imgs/btn_close.png"/></div>
 	<form name="indique" action="Noticias.php?a=indique" method="post" class="formPL modalIndique">
 		<input type="hidden" name="idNoticiaIndicacao" id="idNoticiaIndicacao" />
		<p>INDIQUE PARA UM AMIGO</p>
		<div>
			<label for="nome">Nome:</label>
			<input type="text" name="nome_usuario" id="nome_usuario" maxlength="50"/>
		</div>
		<div>
			<label for="email">Email:</label>
			<input type="text" name="email_usuario" id="email_usuario" maxlength="50"/>
		</div>
		<div class="linhaFormsLogin"></div>
		<div>
			<input type="submit" id="btnSubmit" name="indique" value="ENVIAR" onclick="return validaIndique();"/>
		</div>
	</form>
</div>

{literal}
    <script type="text/javascript">

	function abrePopupIndique(idNoticia) {
		document.getElementById('idNoticiaIndicacao').value = idNoticia;
		ShowDialog(false);
	    e.preventDefault();
	}

	function validaIndique() {
		if(document.getElementById("nome_usuario").value == ''){
			alert('Nome não pode ser nulo.');	
			return false;
		} 
		if(document.getElementById("email_usuario").value == ''){
			alert('Email não pode ser nulo.');	
			return false;
		}
		HideDialog();
		return true;
	}
    
   $(document).ready(function ()
   {
      $("#btnShowSimple").click(function (e)
      {
         
         ShowDialog(false);
         e.preventDefault();
      });

      $("#btnShowModal").click(function (e)
      {
         ShowDialog(true);
         e.preventDefault();
      });

      $("#btnClose").click(function (e)
      {
         HideDialog();
         e.preventDefault();
      });

   });

   function ShowDialog(modal)
   {
      $("#overlay").show();
      $("#dialog").fadeIn(300);

      if (modal)
      {
         $("#overlay").unbind("click");
      }
      else
      {
         $("#overlay").click(function (e)
         {
            HideDialog();
         });
      }
   }

   function HideDialog()
   {
      $("#overlay").hide();
      $("#dialog").fadeOut(300);
   }
       
</script>
{/literal}
 
<!-- FIM CORPO -->
